
<div class="panel panel-default "
	style="margin-top: 2px; border-radius: 0px;">
	<div class="row" style="height: 100%">
		<div class="col-sm-2"
			style="height: 100%; padding-right: 0; padding-left: 2px;">
			<div class="panel panel-default collapse in"
				style="height: 100%; border-top: 0px; border-radius: 0px;">
			
				<div class="">
					<ul id="param-tree" class=" ztree"
						style="overflow: auto; height: 520px; padding: 15px;"
						data-toggle="ztree" 
						data-on-click="openParam" >
						<!--:for(param in paramList) { -->
							<li data-id="${param.id}" data-pid="${param.parentaram}"
								data-url="/param/show" data-open="true" data-divid="#param_main">${param.Name}</li>
						<!--:}  -->
					</ul>
				</div>
			</div>
		</div>
		<div class="col-sm-10" style="height:100% ;padding-left:1px;" >
		<div class="panel panel-default"  >
		
		 <div class="panel-heading" style=" padding:5px;">
		 
		   <button class="btn btn-info" onclick="newParam()">新增</button>
		    <button class="btn btn-info" type="submit">保存</button>
		   <button class="btn btn-info" onclick="newParam()">启用</button>
		   <button class="btn btn-info" onclick="newParam()"> 删除</button>
		   <button class="btn btn-info" onclick="newParam()"> 停用</button>
		 </div>
		 <div class="panel-body" style="height:480px">
		<div  id="param_main" ></div>
		</div>
		
		</div>
		
	</div>
</div>
</div>
<script type="text/javascript">
	var paramId = '';
	
	function openParam(event, treeId, treeNode) {
		paramId = treeNode.id;
		if (treeNode.isParent) {
			var zTree = $.fn.zTree.getZTreeObj(treeId)
			zTree.expandNode(treeNode)
		}
		$('#param_main').bjuiajax('doLoad', {
			url : treeNode.url,
			data : {
				id : paramId
			},
			target : treeNode.divid
		})

		event.preventDefault()
	}
	function newParam(){
		$('#param_main').bjuiajax('doLoad', {
			url : '/param/show',
			target :'#param_main'
		})
   
	}
</script>